<!DOCTYPE html>
<html lang="en" manifest="cache.manifest">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="mapp.css">
  <script src="mapp.js"></script>   
</head>
<body>
  <h1>离线应用</h1>
  <p>这个特色已经被web标准移除，避免使用</p>
  <section>
    <a href="help.htm">连接</a>
    <a href="signup.htm">注册</a>
  </section>
  <figure>
    <figcaption>离线图片</figcaption>
    <img src="dog.jpg" alt="dog">
  </figure>    
  <!-- <figure>
    <figcaption>在线图片</figcaption>
    <img src="mlogo.jpg" alt="html5">
  </figure> -->
  <!-- idle 是带有缓存清单的应用程序的典型状态。处于空闲状态说明应用程序的所有资源都已经被浏览器缓存，当前不需要更新
    manifest 丢失缓存进入obsolete（过期状态）
    update 更新缓存（manifest文件（发生变化）和其他文件），页面不会刷新

  -->
</body>
</html>  
